{__NOLAYOUT__}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>

	{include file="public/script" /}
</head>
<style>
	.kkmm{
		width: 100%;
	    border-radius: 25px;
	    height: 45px;
	    line-height: 45px;
	    text-align: center;
	    background: linear-gradient(to right,#50A4F2,#3574FA);
	    border: none;
	    color: #fff;
	    font-size: 1rem;
	}
	.kkmm2{
		width: 100%;
	    border-radius: 25px;
	    height: 45px;
	    line-height: 45px;
	    text-align: center;
	    background: linear-gradient(to right,#50A4F2,#3574FA);
	    border: none;
	    color: #fff;
	    font-size: 1rem;
	}
	.hb{
		display: none;
	}
	.hb.select{
		display: block;
	}
	.sub1{
		display: none;
	}
	.sub1 input{
		width: 100%;
	    border-radius: 25px;
	    height: 45px;
	    text-align: center;
	    background: linear-gradient(to right,#50A4F2,#3574FA);
	    border: none;
	    color: #fff;
	    font-size: 1rem;
	    margin-top: 10px;
	}
	.hb .f1 select{
		float: right;
		margin: 0;
		padding: 0;
		height: 45px;
		width: auto;
		padding: 0px 10px;
		text-align: right;
	}
</style>
<body class="resiter_body">
	<div class="sectionH  mui-clearfix">
		<header class="mui-bar mui-bar-nav" style="">
			<a class="mui-icon  mui-pull-left" href="javascript:history.back(-1)" style=""><img src="__STATIC__/www/images/register_nav_icon_back.png"/></a>
			<h1 class="mui-title">注册</h1>
			<!--<a class="mui-icon mui-pull-right right1" href="assets-1.html"><img src="__STATIC__/www/images/icon_setting.png"/></a>-->
		</header>
	</div>
	<div class="kong1"></div>
	<div class="resiter_section1">
			<div class="fom">
				<form class="form" action="" method="post">
					<div class="hb select">
						<div class="f1">
							<div class="container_1">
								<img src="__STATIC__/www/images/register_icon_user.png"  class="img1"/>
								<input type="text" class="real_name" name="real_name"  value="" placeholder="请填写真实姓名"/>
							</div>
						</div>
						<div class="f1">
							<div class="container_1">
								<img src="__STATIC__/www/images/register_icon_phone.png" class="img1"/>
								<input type="text" name="mobile"  class="mobile" value="" placeholder="请填写手机号"/>
							</div>
						</div>
						<div class="f1">
							<div class="container_1">
								<img src="__STATIC__/www/images/register_icon_code.png" class="img1"/>
								<input type="text" name="captcha"  class="captcha" value="" placeholder="请填写验证码"/>
								<span class="resiter_btn">获取验证码</span>
							</div>
						</div>
						
						<div class="f1">
							<div class="container_1">
								<img src="__STATIC__/www/images/register_icon_pw.png" class="img1"/>
								<input type="password" name="password"  class="password" value="" placeholder="请填写密码"/>
								<img src="__STATIC__/www/images/register_icon_view_open.png" class="resiter_yan"/>
								<img src="__STATIC__/www/images/register_icon_view_close.png" class="resiter_yan resiter_yan1"/>
							</div>
						</div>
						<div class="f1">
							<div class="container_1">
								<img src="__STATIC__/www/images/register_icon_pw.png" class="img1"/>
								<input type="password" name="confirmPassword"  class="confirmPassword" value="" placeholder="确认密码"/>
								<img src="__STATIC__/www/images/register_icon_view_open.png" class="resiter_yan "/>
								<img src="__STATIC__/www/images/register_icon_view_close.png" class="resiter_yan resiter_yan1"/>
							</div>
						</div>
						<div class="f1">
							<div class="container_1">
								<img src="__STATIC__/www/images/register_icon_phone.png" class="img1"/>
								<input type="text" name="parent_mobile"  class="parent_mobile" value="{$mobile}" placeholder="请填写保荐人手机号"/>
							</div>
						</div>
					</div>
					<div class="hb">
						<div class="f1">
							<div class="container_1 mui-clearfix">
								<img src="__STATIC__/www/images/register_icon_user.png"  class="img1"/>
								<select name="duties" id="duties">
									<option value="0" style="display: none;">...请选择职务</option>
									{volist name="duties" id="d"}
									<option value="{$d.id}">{$d.title}</option>
									{/volist}
								</select>
							</div>
						</div>
						<div class="f1">
							<div class="container_1 mui-clearfix">
								<img src="__STATIC__/www/images/register_icon_user.png"  class="img1"/>
								<select name="" id="">
									<option value="" style="display: none;">...请选择部门</option>
									{volist name="department" id="d"}
									<option value="{$d.id}">{$d.title}</option>
									{/volist}

								</select>
							</div>
						</div>
						<div class="f1">
							<div class="container_1 mui-clearfix">
								<img src="__STATIC__/www/images/register_icon_user.png"  class="img1"/>
								<select name="industry" id="industry">
									<option value="0" style="display: none;">...请选择行业</option>
									{volist name="industry" id="i"}
									<option value="{$i.id}">{$i.title}</option>
									{/volist}

								</select>
							</div>
						</div>
						<div class="f1">
							<div class="container_1">
								<img src="__STATIC__/www/images/register_icon_code.png" class="img1"/>
								<input type="text" name="server"  class="server" value="" placeholder="请填写服务项目"/>
							</div>
						</div>
						<div class="f1">
							<div class="container_1">
								<img src="__STATIC__/www/images/register_icon_code.png" class="img1"/>
								<input type="text" name="abstract"  class="abstract" value="" placeholder="我的简介"/>
							</div>
						</div>
						
					</div>
					<!--<div class="f1">-->
						<!--<div class="container_1">-->
							<!--<img src="images/register_icon_pw.png" class="img1"/>-->
							<!--<input type="password" name=""  value="" placeholder="请填写二级密码"/>-->
							<!--<img src="images/register_icon_view_open.png" class="resiter_yan"/>-->
							<!--<img src="images/register_icon_view_close.png" class="resiter_yan resiter_yan1"/>-->
						<!--</div>-->
					<!--</div>-->
					<!--<div class="f1">-->
						<!--<div class="container_1">-->
							<!--<img src="images/register_icon_pw.png" class="img1"/>-->
							<!--<input type="password" name=""  value="" placeholder="请确认二级密码"/>-->
							<!--<img src="images/register_icon_view_open.png" class="resiter_yan"/>-->
							<!--<img src="images/register_icon_view_close.png" class="resiter_yan resiter_yan1"/>-->
						<!--</div>-->
					<!--</div>-->
					
					<div class="sub">
						<div class="container_1">
							<!-- <input class="submit" type="button" name=""  value="注册" /> -->

							<p class="kkmm">下一步</p>
						</div>
					</div>
					<div class="sub1" style="margin-top: 50px;">
						<div class="container_1">
							<!-- <input class="submit" type="button" name=""  value="注册" /> -->
							<p class="kkmm2">上一步</p>
							<input class="submit" type="button" name=""  value="注册" />
						</div>
					</div>

					<!--隐藏域-->
					<input class="" type="hidden" name="bussiness_id"  value="{$bussiness_id}" />
				</form>
			</div>
		
	</div>
</body>
<script>
	$('.submit').click(function () {
		if($('.real_name').val()==''){mui.alert('姓名不可为空！');return false;}
        if($('.mobile').val()==''){mui.alert('手机号不可为空！');return false;}

        var myreg={:config('tel_regular')};
        if (!myreg.test($('.mobile').val())) {
            mui.alert('请输入正确的手机号！');return false;
        }
        if($('.captcha').val()==''){mui.alert('验证码不可为空！');return false;}
        if($('.password').val()==''){mui.alert('密码不可为空！');return false;}
        if($('.confirmPassword').val()==''){mui.alert('请填写确认密码！');return false;}
        if($('.password').val().length<6){mui.alert('密码长度不能小于6位！');return false;}
        if($('.password').val()!=$('.confirmPassword').val()){mui.alert('两次填写的密码不一致！');return false;}
		if($('.industry').val()==''){mui.alert('请选择您的行业！');return false;}

        $('.form').submit();

    });

</script>
<script>
	$(function(){
		$(".kkmm").click(function(){
			$(".hb.select").hide();
			$(".hb.select").siblings(".hb").show();
			$(".sub").hide();
			$(".sub1").show();
		});
		$(".kkmm2").click(function(){
			$(".hb.select").show();
			$(".hb.select").siblings(".hb").hide();
			$(".sub").show();
			$(".sub1").hide();
		});
	})
</script>
</html>